<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>login form</title>
    <link rel="stylesheet" href="css/foundation.css" />
	<link rel="styleshet" href="dist/css/bootstrap"/>
 
  </head>
  <body id="back">
  <div>
  <br>
  <img src="image/logo.png" id="img"  style="border: solid green" />
 </br>
 
  </div>
   <div class="header"></div>
	<div class="row">
		<div class="large-12 right columns">
			
			<form data-abide><div class="medium-5 panel columns center-me" style="border: solid blue;">
			
				<div class="user-field">
					<label for="user">Username<small>(Required)</small></label>
					<input id="user" type="text" required />
					<small class="error">Username is required.</small>
				</div>
				<div class="pass-field">
					<label for="user">Password<small>(Required)</small></label>
					<input id="user" type="Password" required />
					<small class="error">Password is required.</small>
					</div>
					
				
				<br>
				<button class="small " name="button" href="main form.">Ok</button>
		
				</br>				
				
				<div>
				<a href="registrationform.html">Register</a>
				<a onclick= "a()" id="af" > Forget Password</a>
		</div>
			</div></form>
		</div>
	</div>
  </body>
</html>
